
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>购物车页面制作</title>
        <link rel="stylesheet" type="text/css" href="css/basic.css"/>
        
        <link rel="stylesheet" type="text/css" href="css/cart.css"/>
        

    </head>
    <body>
	     <div class="cart_content">
			     <div class="cart_info">
					  <h2>购物车</h2>
					  <div class="p_number">
						   <div class="p_number_left">
							     <p>用餐人数:2人</p>
							      <p>备注:无</p>
						   </div>
						   <div class="p_number_right">
							     <img src="images/edit.png">
							     <p>修改</p>
						   </div>
					  </div>

					 <div class="cart_p_num">
						 <p>购物车中共有6个菜</p>
						  <p>合计：<span class="price">58</span></p>
					 </div>
				 </div>


			 <div class="cart_list">
				 <ul>
					 <li class="item">
						 <div class="left_food">
							 <img src="images/1.jpg"/>
							 <div class="food_info">
								 <p>老干妈炒肥肠</p>
								 <p class="price">¥48</p>
							 </div>

						 </div>

						 <div class="right_cart">
							 <div class="cart_num">
								 <div class="input_left">-</div>
								 <div class="input_center">
									 <input type="text"  readonly="readonly" value="1" name="num" id="num" />
								 </div>
								 <div class="input_right">+</div>
							 </div>
						 </div>



					 </li>

					 <li class="item">
						 <div class="left_food">
							 <img src="images/1.jpg"/>
							 <div class="food_info">
								 <p>老干妈炒肥肠</p>
								 <p class="price">¥48</p>
							 </div>

						 </div>

						 <div id="right_cart">
							 <div class="cart_num">
								 <div class="input_left">-</div>
								 <div class="input_center">
									 <input type="text"  readonly="readonly" value="1" name="num" id="num" />
								 </div>
								 <div class="input_right">+</div>
							 </div>
						 </div>



					 </li>

					 <li class="item">
						 <div class="left_food">
							 <img src="images/1.jpg"/>
							 <div class="food_info">
								 <p>老干妈炒肥肠</p>
								 <p class="price">¥48</p>
							 </div>

						 </div>

						 <div id="right_cart" >
							 <div class="cart_num">
								 <div class="input_left">-</div>
								 <div class="input_center">
									 <input type="text"  readonly="readonly" value="1" name="num" id="num" />
								 </div>
								 <div class="input_right">+</div>
							 </div>
						 </div>



					 </li>
				 </ul>
			 </div>

			 <div class="hot_food">

				 <h3>本店顾客最长点的菜</h3>

				 <div class="item_list_outer">
					 <ul class="item_list">
						 <li>
							 <div class="inner">
								 <img src="images/1.jpg" />
								 <p class="title">大蒜腊肉</p>
								 <p class="price">¥26</p>
							 </div>
						 </li>

						 <li>
							 <div class="inner">
								 <img src="images/2.jpg" />

								 <p class="title">家乡扣肉</p>

								 <p class="price">¥26</p>
							 </div>

						 </li>

						 <li>
							 <div class="inner">
								 <img src="images/1.jpg" />
								 <p class="title">大蒜腊肉</p>
								 <p class="price">¥26</p>
							 </div>
						 </li>

						 <li>
							 <div class="inner">
								 <img src="images/2.jpg" />

								 <p class="title">家乡扣肉</p>

								 <p class="price">¥26</p>
							 </div>

						 </li>

						 <li>
							 <div class="inner">
								 <img src="images/2.jpg" />

								 <p class="title">家乡扣肉</p>

								 <p class="price">¥26</p>
							 </div>

						 </li>


					 </ul>

				 </div>

			 </div>
		 </div>


		 <div id="footer_nav" class="footer_nav">
			 <img src="images/navigation.png"/>
			 <p>导航</p>
		 </div>


		 <div id="footer_book" class="footer_book">
			 <img src="images/menu.png"/>
			 <p>菜单</p>
		 </div>



		 <div id="footer_cart" class="footer_cart">
			 <img src="images/cart.png"/>
			 <p>购物车</p>
		 </div>
    </body>
</html>
